<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>

   	<title>Datagrid Demo</title>
    <link rel="stylesheet" type="text/css" href="css/AkiRed-datagrid.css">
    <script src="jquery.min.js"></script>
    <script src="js/jquery.AkiRed-datagrid.js"></script>
    <script>
		$(document).ready(function(){
			$.AkiRedDatagrid({'id':'tabla1','celdasFull':true});
		});
	</script>
</head>
<body>
	<!--<div class="AkiRed-Panel" style="width:800px; height:500px" >-->
    	<div class="AkiRed-Datagrid" id="tabla1">
        	<div class="Datagrid-Cabecera">
            	<table class="fullTable">
                	<thead>
                        <tr>
                            <th>Titulo 1</th>
                            <th>Titulo 2</th>
                            <th>Titulo 3</th>
                            <th>Titulo 4</th>
                            <th>Titulo 1a</th>
                            <th>Titulo 2a</th>
                            <th>Titulo 3a</th>
                            <th>Titulo 4a</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="Datagrid-Cuerpo">
            	<table>
                	<tbody class="tbody">
                        <tr>
                            <td>Contenido 1 ajajay</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1 ajajay</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2 Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                        <tr>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                            <td>Contenido 1</td>
                            <td>Contenido 2</td>
                            <td>Contenido 3</td>
                            <td>Contenido 4</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="Datagrid-Pie">
            	<table>
                	<tfoot>
                        <tr>
                            <th>Opcion 1</th>
                            <th>Opcion 2</th>
                            <th>Opcion 3</th>
                            <th>Opcion 4</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
   <!-- </div>-->
</body>
</html>